<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<style type="text/css">
	#box{
		width: 100px;
		height: 100px;
		border: 2px solid red;
	}
</style>
<body>
	<div id="box"></div>
	<div id="pipbox"></div>
</body>
<script type="text/javascript">

var throttle = function(fn, interval){
	var __self = fn,
		timer,
		first = true;
		console.log(timer+"="+first);
	return function(){
		var args = arguments,
			__me = this;
		console.log(timer+"="+first);
		if(first){
			__self.apply(__me, args)
			return first = false;
		}
		if(timer){
			return false;
		}
		timer = setTimeout(function(){
			clearTimeout(timer);
			timer = null;
			__self.apply(__me, args);
		}, interval);
	}
}

var popTip = function(text, hide, time, dom) {
    console.log(text+"="+hide+"="+time+"="+dom);
    var isover,timer;
    dom.innerHTML=text;
    dom.style.display="block";
    
    return function() {
        console.log(222222);
        if(hide) {
            console.log(isover);
            if(isover) return;
            timer = setTimeout(function() {
                dom.style.display="none";
                isover=0;
            }, time);
            isover=1;

        } else {
            return dom
        }
    }
}
var haha = popTip("产品未加载完",1,1600,document.getElementById("pipbox"));


// popTip("产品未加载完",1,1600,document.getElementById("pipbox"))();


document.getElementById("box").onclick=popTip("产品未加载完",1,1600,document.getElementById("pipbox"));

window.onresize=throttle(function(){
	console.log("166");
},1500)


	// var getSingel = function(fn){
	// 	var dom = {};
	// 	return function(){
	// 		var name = arguments[0];
	// 		if(dom[name]){
	// 			console.log("赋值");
	// 			return dom[name];
	// 		}else{
	// 			dom[name] = fn().apply(document,arguments);
	// 			console.log("yuanshi");
	// 			return dom[name];
	// 		}
	// 	};
	// };

	// var dom = document.getElementById;
	// var cdom = document.createElement;

	// var d1 = dom.call(document, "box");
	// var d2 = cdom.call(document, "p");
	// console.log(d1);
	// console.log(d2);

	// var getDom = getSingel(function(){
	// 	return document.createElement;
	// })
	// var dom1 = getDom('div');
	// var dom2 = getDom('div');
	// var dom3 = getDom('p');
	// var dom4 = getDom('p');
	// var dom5 = getDom('p');
	// var dom6 = getDom('p');
	// console.log(dom1===dom2)
	// console.log(dom1===dom3)
	// console.log(dom1)
	// console.log(dom2)
	// console.log(dom3)
</script>
</html>